<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="js/layer/skin/default/layer.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title></title>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-arrowthinleft mui-pull-left"></a>
			<h1 class="mui-title">我的分享</h1>
			<a href="javascript:;" class="mui-pull-right sharing" id="open-operation">
				<div class="tm-icon">
					<img src="images/statistics-black.png" alt="" width="16" height="16" />
				</div>
			</a>
		</header>

		<div class="mui-content">

			<!--block tab切換-->
			<div class="tm-label-lgm tm-bg-white uk-margin-small-top">
				<div class="main-content">
					<div class="main-tab">
						<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-itme3">
							<a class="mui-control-item tm-icon-btn mui-active" href="#item1">
								<div class="tm-label-item">
									<div class="tm-label">
										创意海报
									</div>
								</div>
							</a>
							<a class="mui-control-item tm-icon-btn" href="#item2">
								<div class="tm-label-item">
									<div class="tm-label">
										精彩文章
									</div>
								</div>
							</a>

						</div>
					</div>
				</div>
			</div>

			<div class="main-tab-con tm-border-top">

				<!--切换1-->
				<div id="item1" class="mui-control-content mui-active">
					<div class="tm-label tm-bg-white">
						<div class="tm-flex-row">
							<div class="main-content">
								<div class="tm-flex-row">
									<span class="tm-df-size tm-font-gray">今日分享</span>
								</div>
								<div class="tm-flex-row share-grid">
									<ul class="uk-grid">
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-1.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-2.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-3.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-1.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-2.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-3.jpg" alt="" /></a>
										</li>
									</ul>
								</div>
							</div>
						</div>

						<div class="tm-flex-row">
							<div class="main-content">
								<div class="tm-flex-row">
									<span class="tm-df-size tm-font-gray">2017-11-06</span>
								</div>
								<div class="tm-flex-row share-grid">
									<ul class="uk-grid">
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-1.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-2.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-3.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-1.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-2.jpg" alt="" /></a>
										</li>
										<li class="uk-width-1-3">
											<a href=""><img src="images/fenxiang-3.jpg" alt="" /></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--切换1 end-->

				<!--切换2-->
				<div id="item2" class="mui-control-content">
					<div class="group">
						<div class="tm-label">
							<div class="main-content">
								<div class="tm-flex-row">
									<span class="tm-df-size tm-font-gray">今日分享</span>
								</div>
							</div>
						</div>
						<div class="list tm-label tm-bg-white">
							<a href="" class="tm-block tm-flex-row">
								<div class="main-content tm-df-size">
									<div class="tm-flex-row">
										<div class="tm-inline-1-3">
											【最新】全新凯美瑞试到你心动，3.9秒极速风范，凯迪拉克CTS-V Coupe成都车展上市
										</div>
									</div>
									<div class="tm-flex-row">
										<div class="tm-icon">
											<img src="images/fenxing-4.jpg" alt="" />
										</div>
									</div>
								</div>
							</a>

							<a href="" class="tm-block tm-flex-row">
								<div class="main-content tm-df-size">
									<div class="tm-flex-row">
										<div class="tm-inline-1-3">
											【最新】全新凯美瑞试到你心动，3.9秒极速风范，凯迪拉克CTS-V Coupe成都车展上市
										</div>
									</div>
									<div class="tm-flex-row">
										<div class="tm-icon">
											<img src="images/fenxing-4.jpg" alt="" />
										</div>
									</div>
								</div>
							</a>

						</div>
					</div>

					<div class="group">
						<div class="tm-label">
							<div class="main-content">
								<div class="tm-flex-row">
									<span class="tm-df-size tm-font-gray">2017-11-06</span>
								</div>
							</div>
						</div>
						<div class="list tm-label tm-bg-white">
							<a href="" class="tm-block tm-flex-row">
								<div class="main-content tm-df-size">
									<div class="tm-flex-row">
										<div class="tm-inline-1-3">
											【最新】全新凯美瑞试到你心动，3.9秒极速风范，凯迪拉克CTS-V Coupe成都车展上市
										</div>
									</div>
									<div class="tm-flex-row">
										<div class="tm-icon">
											<img src="images/fenxing-4.jpg" alt="" />
										</div>
									</div>
								</div>
							</a>

							<a href="" class="tm-block tm-flex-row">
								<div class="main-content tm-df-size">
									<div class="tm-flex-row">
										<div class="tm-inline-1-3">
											【最新】全新凯美瑞试到你心动，3.9秒极速风范，凯迪拉克CTS-V Coupe成都车展上市
										</div>
									</div>
									<div class="tm-flex-row">
										<div class="tm-icon">
											<img src="images/fenxing-4.jpg" alt="" />
										</div>
									</div>
								</div>
							</a>

						</div>
					</div>
				</div>
				<!--切换2 end-->

			</div>

			<!--block tab切換 end-->

		</div>

		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>

	</body>

</html>